// import subPageA from './subPageA'
// import subPageB from './subPageB'
var page = 'subPageA'
// (1)动态加载业务代码
// if (page === 'subPageA') {
//   require.ensure(['./subPageA'], function () {
//     var subPageA = require('./subPageA')
//   }, 'subPageA')
// } else if (page === 'subPageB') {
//   require.ensure(['./subPageB'], function () {
//     var subPageB = require('./subPageB')
//   }, 'subPageB')
// }

// (2)利用import方法动态加载代码(import导入就执行了)
if (page === 'subPageA') {
  import(/* webpackChunkName:'subPageA' */'./subPageA').then(function (subPageA) {
    console.log(subPageA)
  })
} else if (page === 'subPageB') {
  import(/* webpackChunkName:'subPageB' */'./subPageB').then(function (subPageB) {
    console.log(subPageB)
  })
}

// 动态加载第三方模块。加载进来并不执行，需要在第二个参数callback中require一下才算真正的执行
// 第一个参数:加载的模块
// 第二个参数：成功后的回调
// 第三个参数：分支名称
// require.ensure(['lodash'], function () {
//   var _ = require('lodash')
//   _.join(['1', '2'], '3')
// }, 'vendor')
import * as _ from 'lodash'
export default pageA;